/*
 * @Author: DaQing Lu
 * @Date: 2020-02-05 16:43:16
 * @LastEditors  : DaQing Lu
 * @LastEditTime : 2020-02-12 17:33:33
 * @Description: file content
 */
import React from 'react';
// import { Map, InfoWindow } from 'react-bmap';
// import { simpleMapStyle } from './mapstyle';
import './Enroll.scss';
import right1 from './iamges/img5/3.png';
import right2 from './iamges/img5/4.png';
import image from './iamges/img1/pic5.png';


class Enroll extends React.Component {
  render() {
    return (
      <div className="Enroll">
        <div className="logo">
          <img src={right2} alt="图片加载失败" />
          <img src={right1} alt="图片加载失败" />
        </div>
        <div className="title">
          <span>“文德孚杯”</span>
          <h3>长春营销精英比赛规则</h3>
        </div>
        <ul className="rule">
          <li>
            <h4>参赛人员：</h4>
            <p>不限</p>
          </li>
          <li>
            <h4>奖项：</h4>
            <ol>
              <p>冠军一名，奖金:现金48000元</p>
              <p>亚军一名，奖金:现金38400元</p>
              <p>季军一名，奖金:现金28800元</p>
            </ol>

          </li>
          <li>
            <h4>主办方：</h4>
            <p>吉林文德孚科技有限公司</p>
          </li>
          <li>
            <h4>承办方：</h4>
            <p>吉林文德孚里奥实训实战培训基地有限公司</p>
          </li>
        </ul>
        <div className="time-content">
          <h4 className="time">比赛内容&规则宣布时间：</h4>
          <p className="content">2020年3月2日（星期一）下午14：00 （暂定，如因疫情情况发生变化将另行通知）</p>
        </div>

        {/* <div className="map">
          <Map center={{
            lng: 105.403119,
            lat: 38.028658
          }}
            zoom='15'
            mapStyle={simpleMapStyle}>
            <InfoWindow position={{ lng: 125.25841, lat: 43.80728 }} text="文德孚里奥实训基地有限公司2楼161会议室" title="长春市高新区平新路325号" />
          </Map>
        </div> */}

        <div className="mapPic">
          <div className="mapPic--content">
            <img src={image} alt="图片加载失败" />
            <div className="mapPic--content__pic">
              <img src={require('../pages/iamges/img5/map.png')} alt="地图加载失败"/>
            </div>
          </div>
        </div>
      </div>
    )
  }
}
export default Enroll;